<template>
	<div class="statistical-other-container">
		<el-card shadow="hover" body-style="padding:8px; ">
			<el-tabs v-model="activeName" activeName="first">
				<el-tab-pane label="案件数量统计" name="first"><Case v-if="activeName == 'first'" /></el-tab-pane>
				<el-tab-pane label="案卷数量统计" name="second"><Evidence v-if="activeName == 'second'" /></el-tab-pane>
				<el-tab-pane label="库区案件案卷数量统计" name="third"><Store v-if="activeName == 'third'" /></el-tab-pane>
			</el-tabs>
		</el-card>
	</div>
</template>

<script lang="ts">
import { ref, toRefs, reactive, computed } from 'vue';
import { useStore } from '/@/store/index';
import Case from './component/case.vue';
import Evidence from './component/evidence.vue';
import Store from './component/store.vue';

export default {
	name: 'statisticalOther',
	components: { Case, Evidence, Store },
	setup() {
		const state = reactive({
			activeName: 'first',
		});

		return {
			...toRefs(state),
		};
	},
};
</script>
